<template>
  <div id="about">
    <div class="content">
      <div class="content_main">
        <el-row :gutter="20">
          <el-col :span="8">
            <img class="pic" src="../assets/images/about_img1.png" alt />
          </el-col>
          <el-col :span="8">
            <img class="pic" src="../assets/images/about_img2.png" alt />
          </el-col>
          <el-col :span="8">
            <img class="pic" src="../assets/images/about_img3.png" alt />
          </el-col>
        </el-row>
      <div class="des">
        <div class="top text">
          The  TMIGroup  Co.Ltd, a  100%  foreign-invested  Company, is  a  rapidy  growing  organization  in  the Apparel  Industry, We  are  one  of  the  top  suppliers  of  sports  clothing  to  the  Sports  Icons like  Adidas, Nike, Puma, Tory  Burch, and  Hugo Boss.
          <p>Our  Vision  is  <b>"To  be  the  best  and  most  innovative  garment  manufacturer  in  the  World"</b>  .</p>
          <p>Our  Mission  is  to</p>
        </div>
        <div class="text green">
          <p>Creat, build  and  deliver  world  class  products.</p>
          <p>Provide  the  best  in  class  service  to  our  customers.</p>
          <p>Inspire  and  Implement  End  to  End  world-class  innovation.</p>
        </div>
        <div
          class="top text"
        >We  unceasingly  offer  career  growth  and  development  for  employees. We  aim  to  expose  our  talents to  as  many  different  cultures, languages, lift  experiences, an  points  of  view  as  possible  leading  to  the  fastest  way  to  develop. Our  Culture  demonstrates  camaraderie, teamwork, the  standard  of  co-workers, quality  of  leadership  and  effective  ways  of  working. We  offer  world-class  development/training  programs  and  progressive  career  path  to  our  employees. Our  Total  Rewards  comprises  the attractive  compensation  package, health  care, and  competitive  incentives & bonuses. Clarity  of  role, work -life  balance, environmental-friendly  premises, and  advanced  techology  are  the  valuable  assets  that  we  can  offer  to  anyong  who  joins  us.
        <p>The  Company  is  now  seeking  culturally  agile  and  skillful  candidates. These  workers  must  be  equipped  to  andle  the  demands  of  an  often  complex  emerging  marketplace  in  Vietnam.</p>
        </div>
        <div class="sports">
            <!-- <el-row :gutter="20">
              <el-col :span="4">
            <img class="pic" src="../assets/images/web.png" alt />

              </el-col>
              <el-col :span="4">
            <img class="pic" src="../assets/images/web.png" alt />

              </el-col>
              <el-col :span="4">
            <img class="pic" src="../assets/images/web.png" alt />

              </el-col>
              <el-col :span="4">
            <img class="pic" src="../assets/images/web.png" alt />

              </el-col>
              <el-col :span="4">
            <img class="pic" src="../assets/images/web.png" alt />

              </el-col>

            </el-row> -->
            <img style="width:100%" src="../assets/images/sportlogos.png" alt="">
          </div>
        </div>
      </div>
    </div>
    
  </div>
</template>

<script>
export default {
  data() {
    return {
      visible: true
    };
  }
};
</script>

<style lang='less' scoped>
#about {
  width: 100%;
  height: 100%;
  margin: auto;
  .content {
    width: 90%;
    padding-top: 8%;
    background-image: url("../assets/images/about_bg.png") ;
    background-size: 100% 150px ; 
    background-repeat: no-repeat;
    margin: auto;
    .content_main {
      width: 50%;
      margin: auto;
      .pic {
        width: 100%;
      }
      .des {
        padding: 3% 5%;
        .top {
          color: rgba(149, 149, 149, 1);
        }
        .green {
          color: rgb(88, 180, 72);
          text-indent: 20px;
        }
        .text {
          letter-spacing: 1px;
          margin-bottom: 20px;
          line-height: 20px;
        }
        .sports {
          padding-bottom: 5%;
          width: 85%;
          margin: auto;
        }
      }
    }
  }
}
</style>